@charset "utf-8";
/*   
Theme Name: MBO Theme
Theme URI: http://www.86Solutions.com
Description: Theme for MBO
Author: John
Author URI: http://www.86Solutions.com
Version: 1
*/

@font-face { font-family: 'Champagne & Limousines';  src: url('font/Champagne & Limousines.ttf'); } 

* { margin: 0; padding: 0; }
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */
body { 	
	font-family: "Champagne & Limousines" , Georgia, serif; 	
	background: url("images/header-bg.jpg") repeat-x top left;
	background-color:#ffffff;
    margin: 0 auto;
    padding-top: 0px;

}
 * html body { 
	font:  "Champagne & Limousines" , Georgia, serif; 	
}


/*
	TYPOGRAPHY
*/
p, span, h1, h2, h3 , h4, h5, h6 , a , div ,ul ,li{
	font-family: "Champagne & Limousines";
}

p {
	font-size: 17px;
	line-height: 18px;
	color:#434343;
}
.body-content {
	width: 1290px;
	margin: 0 auto;	
	background: url("images/header-bg.jpg") repeat-x top left;
	background-color:#ffffff;
    padding:  0;
}
a { text-decoration: none; }
a img { border: 0; }

.block {
	float:left;
}
/* white line height*/
.whiteline5 {
	height:5px;
	width: 100%;
}
.whiteline10 {
	height:10px;
	width: 100%;
}
.whiteline15 {
	height:15px;
	width: 100%;
}
.whiteline13 { /*whiteline20*/
	height:13px;
	width: 100%;
}
.whiteline20 {
	height:20px;
	width: 100%;
}
.whiteline50 {
	height:50px;
	width: 100%;
}
.whiteline30{ /* whiteline30 */
	height:30px;
	width: 100%;
}
.whiteline33{ /*whiteline50*/
	height:33px;
	width: 100%;
}
.whiteline54{ 
	height:54px;
	width: 100%;
}
.whiteline56{ /*whiteline85*/
	height:56px;
	width: 100%;
}

/* white  colum  width*/
.whitecolumn7 { /*whitecolumn10*/
	width:10px;
	float:left;
	height: 100%;
}
.whitecolumn10 {
	width:10px;
	float:left;
	height: 100%;
}
.whitecolumn13 { /*whitecolumn20*/
	width:13px;
	float:left;
	height: 100%;
}
.whitecolumn30{
	width:30px;
	float:left;
	height: 100%;
}
.whitecolumn56{/*85*/
	width:56px;
	float:left;
	height: 100%;
}


/**/
/* header*/
header {
    height: 211px;
	width: 1096px;
	margin: 0 auto;
	padding-top: 20px;
}
#home-link{
	margin: 0 auto;
	width:  140px;
	height: 112px;
	
}
/*  border: 1px solid #F00; */
.mainmenu { 
	margin: 0 auto; 
	position:relative; 
	width: 1096px;
	height: 99px; 
	text-transform:uppercase;
}
.mainmenu ul { 

   margin-top: 0px;
   margin-left: 0px;
   width: 1030px;
   padding: 0px 33px;
   height: 49px;
   list-style:none;
}

.mainmenu ul li	{ 
	display:inline-block; 
	float: left; 
	height:49px;
	background: url(images/header-menu-boder-right.png) no-repeat right center;	
	text-align:center;
	position: relative;

}
.mainmenu ul li:last-child	{ 
	background-image:none;
}

.mainmenu ul li	a{
	font-size: 19px;
	line-height: 48px;
	color:#1f7cd5;
	padding: 0 33px;
	font-weight: 500;
}
.mainmenu ul li:last-child	a{ 
	padding-right: 0px;
}



.mainmenu ul li:hover a		{ color: #737374;}

.mainmenu ul  li.menu-active a {
	color: #737374;
}

.mainmenu ul li.current_page_item a		{ color: #737374;}
.mainmenu ul li.current_page_item li a	{ color: #343434;}

.mainmenu ul li.parent:hover a			{ color: #737374;}
.mainmenu ul li.parent:hover li a		{ color: #1f7cd5;}

.mainmenu ul li ul	{ 
	display:none; 
	height: 44px;
	position: absolute; 
	top: 48px; 
	left: -66px; 
	list-style:none;
	padding: 0px;
}
.mainmenu ul li:nth-child(1) ul {  left: -33px;}
.mainmenu ul li:nth-child(2) ul {  left: -122px;}

.mainmenu ul li:nth-child(3) ul {  left: -183px;}
.mainmenu ul li:nth-child(4) ul {  left: -55px; }
.mainmenu ul li:nth-child(5) ul {  left: -303px;}

.mainmenu ul li:hover ul, .mainmenu ul li.menu-active ul{
	display:block;
}
.mainmenu ul li ul li{ 
	display:inline-block; 
	float: left; 
	height:44px;
	background: url(images/header-submenu-border-right.png) no-repeat right center;
	text-align:center;
}
.mainmenu ul li ul li:last-child { 
	background-image: none;
}
.mainmenu ul li ul li a{ 
	font-weight: 500;
	color:#343434;
	padding: 0px 15px;
	font-size: 13px;
	line-height: 40px;
}
.mainmenu ul li ul li:first-child a	{ 
	padding-left: 0px;
}

.mainmenu ul li ul li:hover a, .mainmenu ul li ul li.menu-sub-active a{ 
	color:#1f7cd5;
}

/*  page-content*/
.page-content{
	width: 1096px;
	height: 668px;
	margin: 0 auto;
}


/*  page wrap*/
.page-wrap{
	width: 1096px;
	height: 521px;
	margin: 0 auto;
	padding: 0px;
	background: url(images/bg-bottom-line.png) no-repeat bottom center;
	overflow:hidden;

}

.aside-left{
	width:	162px;
	height: 494px; /*790px*/
	padding-top: 28px;
	margin: 0px;
	float:	left;
}

.nav-block{
	width:	161px;
	background: url(images/nav-bg-05.png) no-repeat bottom left;
	padding-bottom: 13px;
	margin-bottom: 10px;
}

.nav-block .nav-block-top-bg{
	width: 161px;
	height: 14px;
	margin:0px;
	padding:0px;
	background: url(images/nav-bg-01.png) no-repeat top left;
}

.nav-block .nav-block-top-title{
	width: 161px;
	margin:0px;
	padding:0px;
	background: url(images/nav-bg-02.png) repeat-y top left;
}
.nav-block  .nav-block-top-title-content{
	width: 131px; /*244px*/
	min-height: 33px;
	margin:0px;
	padding:0px;
	background: url(images/nav-bg-03.png)  no-repeat bottom left;
	padding: 0px 11px 10px 18px;
}
.nav-block  .nav-block-top-title-content h2{
	text-transform:uppercase;
	font-weight: normal;
	font-size: 16px;
	line-height: 17px;
	color: #434343;
}

.contentblock{
	width: 132px;
	margin:0px;
	padding:0px;
	background: url(images/nav-bg-04.png)  repeat-y top left;
	padding: 0px 11px 10px 18px;
    
   	font-size: 17px;
	line-height: 18px;
	color: #1b1b1b;
    
}

.contentblock p{ 
	font-size: 17px;
	line-height: 18px;
	color: #1b1b1b;
}


.video .contentblock{
	height: 82px;
	position:relative;
}
.video .contentblock .contentbody1{
	position:absolute;
	top: -13px;
	left: 13px;
	z-index: 100;
	width: 137px;
	height: 101px;
}



.main-content {
	width:	705px; 
	height: 487px; 
	padding: 26px 31px 8px 35px;
	float:	left;
}
.page-scroll-pane{
	width:	100%;
	height: 477px;
	overflow: auto;
}
.page-scroll-pane:focus {
	outline:0px;
}
.jspScrollable:focus {
	outline:0px;
}




.main-content h1{
	font-size: 25px;
	line-height: 46px;
	color:#066fd5;
	font-weight:normal;
}
.main-content h2{
	font-size: 22px;
	line-height: 46px;
	color:#1b1b1b;
	font-weight:bold;
}
.main-content p{
	font-size: 17px;
	line-height: 22px;
	color:#1b1b1b;
	margin-bottom:7px;
	
}

/*  aside-right */

.aside-right{
	width:	162px;
	height: 494px; /*790px*/
	padding-top: 28px;
	float:	right;
	margin:0px;
}

.aside-right .nav-pic .contentblock {
	padding-top: 10px;
}


.aside-right .nav-contact  .contentblock p{
	font-size: 15px;
	line-height: 17px;
}
.aside-right .nav-contact  .contentblock a{
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	color:#1b1b1b;
}

.clear{
	clear:both;	
}

/*  nav-bottom */

.nav-bottom{
		width: 1096px;
		height: 145px;
		margin: 0px; 	
}


.nav-bottom-left{
	background: url(images/nav-bottom-left-bg.png) no-repeat top left;
	width: 407px;
	height: 65px;
	float:left;
	margin-top: 35px;
	margin-left: 172px;
	padding: 9px 13px;
}
.nav-bottom-left h2 {
	color:#434343;
	text-transform:uppercase;
	font-size: 16px;
	line-height: 17px;
	margin-bottom: 5px;
	font-weight: normal;
}

.nav-bottom-left p {
	color: #1b1b1b;
	font-size: 15px;
	line-height: 18px;
}

.nav-bottom-right {
	background: url(images/nav-bottom-right-bg.png) no-repeat top left;
	width: 263px;
	height: 65px;
	float:left;
	margin-top: 35px;
	margin-left: 13px;
	padding: 9px 13px;
}

.nav-bottom-right .content-text{
	width: 140px;
	height: 67px;
	float:left;
}
.nav-bottom-right .content-text h2{
	color:#434343;
	text-transform:uppercase;
	font-size: 16px;
	line-height: 17px;
	margin-bottom: 5px;
	font-weight: normal;
}
.nav-bottom-right .content-text p{
	color: #1b1b1b;
	font-size: 15px;
	line-height: 18px;
}
.nav-bottom-right .showcalenda{
	width: 117px;
	height: 67px;
	float:left;
	background:url(images/nav-bottom-right-calendar.jpg) no-repeat top left;
}

/*  nav-bottom-4col*/


.nav-bottom-4col{
	background: url(images/nav-bottom-4col-section-col1-bg.png) no-repeat top left;
	width: 226px; /*379px*/
	height: 83px;  /*131px*/
	float:left;
	margin-top: 33px;
	margin-right: 42px;
	padding: 5px 12px;
}
.nav-bottom-4col h2 {
	color:#434343;
	text-transform:uppercase;
	font-size: 17px;
	line-height: 20px;
	font-weight: normal;
}

.nav-bottom-4col p {
	padding-left: 5px;
	color: #1b1b1b;
	font-size: 17px;
	line-height: 26px;
	font-weight: 560;
}

.nav-bottom-4col-col03 {
	margin-top: 35px;
	margin-right: 42px;
	margin-left: 0px;
}
.nav-bottom-4col-col04 {
	background: url(images/nav-bottom-4col-section-col4-bg.png) no-repeat top left;
	width: 147px;
	padding: 5px 8px;
	margin-right: 0px;
}
.nav-bottom-4col-col04 h2{
	padding-left: 4px;
	font-size: 17px;
	line-height: 25px;
	font-weight: normal;
	margin-bottom: 3px;
	
}
.nav-bottom-4col-col04  p{
	padding-left: 3px;
	font-size: 15px;
	line-height: 24px;
	font-weight: 560;
}
.nav-bottom-4col-col04 a{
	padding-left: 2px;
	color: #0562be;
	font-weight:bold;
	font-style:italic;
	font-size:11px;
	line-height: 21px;
}

/* css 02-qui-sommes-nous  content  page-wrap-list-post */
.page-wrap-list-post{
	width: 1094px;
	height: 527px;
	position:relative;

}

.page-wrap-list-post .featured-img{
	width: 1094px;
	height: 324px;
}
.page-wrap-list-post  img.cursor-triangle {
	position:absolute;
	top: -25px;
	left: 58px;
	z-index: 100;
}

.page-wrap-list-post  .transbox{
	width:  280px; /*544px*/
	height: 154px;  /*310px*/
	padding: 25px 40px;
	background-color: #ffffff;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	position: absolute;
	top: 51px;
	left: 0px;
}
.page-wrap-list-post .transbox p{
	color:#1b1b1b;
	font-style: italic;
}
.show-list-post{
  width: 1094px;
  height: 196px;
  margin:0px;
}

.show-list-post .entry-text{
	padding: 15px  73px 25px  73px;
	overflow:hidden;
}
.show-list-post .entry-text p {
	font-style: italic;
}

.show-list-post .list-align-center {
	height: 196px;
	display: block; 
	margin-left: auto;    
	margin-right: auto;
	width: 810px;
}

.separated {
	background: url("images/show-list-post-separated-bg.png") no-repeat left bottom ;
	width:50px;
	height: 196px;
	float:left;
}
.block-with-thumbnail {
	width:  236px;
	height: 196px;
	float:left;
}
.block-with-thumbnail .block-thumbnail-title{
	height: 25px;
	width: 100%;
	overflow: visible;
}
.block-with-thumbnail .block-thumbnail-title h3{
	font-weight: normal;
}
.block-with-thumbnail .block-thumbnail-title a{
	color:#434343;
	font-size: 17px;
	line-height: 20px;
	text-transform: uppercase;
}

.block-with-thumbnail .block-thumbnail-content{
	height: 76px;
	width:100%;
	overflow:hidden;
}


.block-with-thumbnail .block-thumbnail-content .block-thumbnail-text{
	float:left;
	height: 76px;
	width: 125px;
	overflow:visible;
}
.block-with-thumbnail .block-thumbnail-content .block-thumbnail-text p{
	color: #434343;
	font-size: 17px;
	line-height: 20px;
	font-weight: 550;
}

.block-with-thumbnail .block-thumbnail-content .block-thumbnail-image{
	width:76px;
	height:76px;
	float:left;
}

/*footer*/
 
footer { 
	height: 200px;
	margin: 0 auto;
	background: url("images/footer-bg.jpg")repeat-x top left; 
}

#footer-content {
	width: 1290px;
	height: 200px;
	margin: 0 auto;
	background: url("images/footer-bg.jpg")repeat-x top left; 
}
.footer-menu {
	width: 857px;
	height : 61px;
	border-bottom: 1px solid #cdcdcd;
	margin: 0 auto;
}

.footer-menu  ul{
	width: 857px;
	height : 61px;
	display: inline-block;
	list-style: none;
	
}
.footer-menu  ul li{
	display:inline-block; 
	float: left; 
	height: 61px;
}
.footer-menu  ul li a{
	padding: 0 17px;
	font-size: 14px; 
	line-height: 59px;
	color:#5d5d5d;
}

.footer-menu  ul li:first-child a{
	padding-left: 26px;
}

.footer-widgets-contact {
	width: 550px;
	height: 110px;
	margin: 0 auto;
	margin-top: 13px;
}

.box-widget-container {
	width: 153px;
	height: 90px;
	float: left;
	padding: 10px 15px;
	
}

.box-widget-container h2 {
	font-size: 15px;
	line-height: 20px;
	color:#0568c7;
}

.box-widget-container p {
	font-size: 15px;
	line-height: 20px;
	color:#434343;
}

/* page  Biens en vente*/
.entry-content img{
	margin-right: 20px;
}
.entry-content .entry-content-text{
	width: 448px;
	height: 131px;
}
.entry-content .entry-content-text p {
	line-height: 18px;
}

/*   simulateur-popup */
.simulateur-popup {
	width: 716px;
	height: 469px;
	display:block;
    z-index:9999;
}
.simulateur-popup .simulateur-popup-top{
	background: url(images/simulateur-bg-01.png) no-repeat top left;
	width: 716px;
	height: 86px;
	position:relative;
}
.simulateur-popup .simulateur-popup-top img {
 	position: absolute;
	top: 26px;
	left: 221px;
}
.simulateur-popup .simulateur-popup-top h1 {
	color: #056ccf;
	font-size: 16px;
	light-height: 20px;
 	position: absolute;
	top: 16px;
	left: 273px;
}
.simulateur-popup .simulateur-popup-center{
	background: url(images/simulateur-bg-02.png) repeat-y top left;
	width: 716px;
	height: 344px;
}

.simulateur-popup .simulateur-popup-line {
	height: 38px;
	width: 100%;
}
.simulateur-popup .simulateur-popup-line h2{
	color:#434343;
	font-size: 17px;
	line-height: 38px;
	width: 125px;
}

.simulateur-popup .simulateur-popup-bottom{
	background: url(images/simulateur-bg-03.png) no-repeat top left;
	width: 716px;
	height: 38px;
	position: relative;
}
.simulateur-popup .submit-buttom {
	width: 88px;
	height: 25px;
	background-color: #056dd1;
	border: none;
	
	font-family: "Champagne & Limousines";
	text-align:center;
	font-size: 17px;
	line-height: 17px;
	text-justify:auto;
	font-weight: bold;
	color: #ffffff;
	
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	
	position: absolute;
	right: 55px;
	top: -10px;
	z-index:100;
	padding-bottom: 3px;
}

.simulateur-popup .box-item-list{
	

		
	background-color:#ffffff;
	border: none;
	-webkit-border-radius: 7px;
	-moz-border-radius:7px;
	border-radius: 7px;
	color: #056dd1;
	font-size: 17px;
	line-height: 20px;
	font-family: "Champagne & Limousines";
	font-weight: bold;
	

	-moz-box-shadow: inset 2px 2px 3px #c6c6c6;
	-webkit-box-shadow: inset 2px 2px 3px #c6c6c6;
	box-shadow: inset 2px 2px 3px #c6c6c6;
	width: 304px;
	margin-top: 9px;
	padding-left: 13px;
	padding-right: 7px;
	height: 20px;
	padding-top: 1px;
	
}
.simulateur-popup .box-item-list  option{
	padding-left: 13px;
}

/*Custom Select Box CSS Style*/
.customStyleSelectBox {
	/* Styles For Your Select Box */
	
	background-color:#ffffff;
	border: none;
	-webkit-border-radius: 7px;
	-moz-border-radius:7px;
	border-radius: 7px;
	color: #056dd1;
	font-size: 17px;
	line-height: 20px;
	font-family: "Champagne & Limousines";
	font-weight: bold;
	
	-moz-box-shadow: inset 2px 2px 3px #c6c6c6;
	-webkit-box-shadow: inset 2px 2px 3px #c6c6c6;
	box-shadow: inset 2px 2px 3px #c6c6c6;
	width: 284px;
	margin-top: 9px;
	padding-left: 13px;
	padding-right: 7px;
	padding-top: 1px;
	height: 20px;
}

.customStyleSelectBox.changed {
	/* You can use this if you want a different style after user has made a selection */
}

	/* on the next line we add a down arrow on the right to indicate that it is a select box */
.customStyleSelectBoxInner {
	background:url(images/simulateur-select-box.png) no-repeat center right;
	width: 284px !important;
	height: 20px;	
	padding-top: 1px;
}

/*  pop up*/
#mask {
	  position:absolute;
	  left:0;
	  top:0;
	  z-index:9000;
	  background-color:#ffffff;
	  display:none;
}
.window {
	
  position:absolute;
  left:0;
  top:0; 
	width: 716px;
	height: 468px; 
  	display:none;
  	z-index:9999;
}
.main-content-window {
	position: relative;
}
